<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>DOM操作</title>
    <script src="js/JS_02_DOM操作.js"></script>
</head>
<body>
    <form>
        手机号:<input type="text" id="telno" class="telno"/><br>
        用户名:<input type="text" id="username" /><br>
        密码:<input type="password" id="password"/><br>
        图片:<img src="image/1.jpg" class="myImg" style="width: 400px;height: 200px" /><br>
        <input type="submit" value="注册" class="submitBtn"/> <br/>

        <input type="button" value="获得元素的值" onclick="getValue()"/>
        <input type="button" value="获得元素的属性值" onclick="getAttrValue()"/>
        <input type="button" value="修改元素的属性值" onclick="modifyAttrValue()"/>

        <input type="button" value="获得元素的CSS" onclick="getCss()"/>
        <input type="button" value="修改元素的CSS" onclick="modifyCss()"/>

        <input type="button" value="图片隐藏（操作css的属性）" onclick="hide()"/>
        <input type="button" value="图片显示（操作css的属性）" onclick="show()"/>

    </form>

</body>
</html>